<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据中心首页</title>
    <link rel="stylesheet" href="../../lib/layui/css/layui.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/data-center-index.css">
</head>
<body>
<!-- 页面容器 -->
<div class="layui-layout layui-layout-admin">
    <!-- 顶栏导航 begin -->
    <div class="layui-header">
        <div class="layui-logo">
            <img src="../images/logo.png" class="x-logo">
            <img src="../images/title.png" class="x-top-title">
        </div>
        <div class="layui-layout-right">
            <ul class="layui-nav x-top-nav">
                <li class="layui-nav-item active">
                    <a href="javascript:void(0)">
                        <div class="nav-top-item">
                            <img class="nav-top-icon" src="../images/nav/nav-index.png">
                            首页
                        </div>
                        <i class="split-line"></i>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:void(0)">
                        <div class="nav-top-item">
                            <img class="nav-top-icon" src="../images/nav/nav-qbyp.png">
                            情报研判系统
                        </div>
                        <i class="split-line"></i></a></li>
                <li class="layui-nav-item">
                    <a href="javascript:void(0)">
                        <div class="nav-top-item">
                            <img class="nav-top-icon" src="../images/nav/nav-xxcj.png">
                            信息采集系统
                        </div>
                        <i class="split-line"></i></a></li>
                <li class="layui-nav-item">
                    <a href="javascript:void(0)">
                        <div class="nav-top-item">
                            <img class="nav-top-icon" src="../images/nav/nav-xsaj.png">
                            刑事案件系统
                        </div>
                        <i class="split-line"></i></a></li>
                <li class="layui-nav-item">
                    <a href="javascript:void(0)">
                        <div class="nav-top-item">
                            <img class="nav-top-icon" src="../images/nav/nav-ywgl.png">
                            运维管理系统
                        </div>
                    </a></li>
            </ul>
            <ul class="x-nav-user">
                <li class="layui-nav-item">
                    <dl class="x-user-info">
                        <dd class="x-user-photo">
                            <img src="../images/user.png">
                        </dd>
                        <dd class="x-user-text-box">
                            <span class="x-user-name">系统管理员：王要得</span>
                            <span class="x-user-score">积分：279</span>
                        </dd>
                        <dd class="x-user-logout">
                            <img class="nav-logout-icon" src="../images/nav/nav-logout.png">
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!-- 顶栏导航 end -->

    <div class="content-center content-limit">
        <!-- 内容主体区域 -->
        <div class="section-part-cut">

            <!--人员信息标题-->
            <div class="x-list-block">
                <div class="cut-part">
                    <span class="txt">人员信息</span>
                    <span class="line"></span>
                </div>
                <div class="x-list-box">
                    <div class="info-box">
                        <div class="info-box-left">
                            <div class="ibl-top">
                                <div class="investi-person">
                                    <img src="../images/data-center-index/inves-perso.png" class="img-center">
                                    <span class="investi-person-title">侦查人员</span>
                                    <span class="investi-person-num">230条</span>
                                </div>
                                <div class="investi-box-r">
                                    <ul>
                                        <li class="first-img">
                                            <img src="../images/data-center-index/officer.png" class="img-center trim">
                                            <span class="investi-person-title font-adjust">军官</span>
                                            <span class="investi-person-num font-adjust-num">230条</span>
                                        </li>
                                        <li class="second-img">
                                            <img src="../images/data-center-index/sergeancy.png"
                                                 class="img-center trim">
                                            <span class="investi-person-title font-adjust">士官</span>
                                            <span class="investi-person-num font-adjust-num">230条</span>
                                        </li>
                                        <li class="secondline-first-img">
                                            <img src="../images/data-center-index/student.png" class="img-center trim">
                                            <span class="investi-person-title font-adjust">学员</span>
                                            <span class="investi-person-num font-adjust-num">230条</span>
                                        </li>
                                        <li class="secondline-second-img">
                                            <img src="../images/data-center-index/civil.png" class="img-center trim">
                                            <span class="investi-person-title font-adjust">文职</span>
                                            <span class="investi-person-num font-adjust-num">230条</span>
                                        </li>
                                        <li class="secondline-third-img">
                                            <img src="../images/data-center-index/workers.png" class="img-center trim">
                                            <span class="investi-person-title font-adjust">职工</span>
                                            <span class="investi-person-num font-adjust-num">230条</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ibl-bottom">
                                <ul>
                                    <li class="thirdline-first-img">
                                        <img src="../images/data-center-index/criminal.png" class="img-center trim">
                                        <span class="investi-person-title font-adjust">犯罪嫌疑人</span>
                                        <span class="investi-person-num font-adjust-num">230条</span>
                                    </li>
                                    <li class="thirdline-second-img">
                                        <img src="../images/data-center-index/mental-patient.png"
                                             class="img-center trim">
                                        <span class="investi-person-title font-adjust">精神病人员</span>
                                        <span class="investi-person-num font-adjust-num">230条</span>
                                    </li>
                                    <li class="thirdline-third-img">
                                        <img src="../images/data-center-index/per-serv.png" class="img-center trim">
                                        <span class="investi-person-title font-adjust">服刑人员</span>
                                        <span class="investi-person-num font-adjust-num">230条</span>
                                    </li>
                                    <li class="thirdline-four-img">
                                        <img src="../images/data-center-index/focus-per.png" class="img-center trim">
                                        <span class="investi-person-title font-adjust">重点关注人员</span>
                                        <span class="investi-person-num font-adjust-num">230条</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="info-box-right">
                            <ul>
                                <li class="third-img">
                                    <img src="../images/data-center-index/soldiers.png" class="img-center trim">
                                    <span class="investi-person-title font-adjust">士兵</span>
                                    <span class="investi-person-num font-adjust-num">230条</span>
                                </li>
                                <li class="secondline-four-img">
                                    <img src="../images/data-center-index/social-person.png" class="img-center trim">
                                    <span class="investi-person-title font-adjust">社会人员</span>
                                    <span class="investi-person-num font-adjust-num">230条</span>
                                </li>
                                <li class="thirdline-five-img">
                                    <img src="../images/data-center-index/drug-pers.png" class="img-center trim">
                                    <span class="investi-person-title font-adjust">吸毒人员</span>
                                    <span class="investi-person-num font-adjust-num">230条</span>
                                </li>
                                <li class="thirdline-six-img">
                                    <img src="../images/data-center-index/petitions.png" class="img-center trim">
                                    <span class="investi-person-title font-adjust">信访人员</span>
                                    <span class="investi-person-num font-adjust-num">230条</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 车辆信息标题 -->
            <div class="x-list-block">
                <div class="cut-part">
                    <span class="txt">车辆信息</span>
                    <span class="line"></span>
                </div>
                <div class="x-list-box">
                    <ul class="car-info-list x-list-float-l">
                        <li class="carinfo-first-img">
                            <img src="../images/data-center-index/army-car.png" class="img-center trim">
                            <span class="investi-person-title font-adjust">军队车辆</span>
                            <span class="investi-person-num font-adjust-num">230条</span>
                        </li>
                        <li class="carinfo-second-img">
                            <img src="../images/data-center-index/social-car.png" class="img-center trim">
                            <span class="investi-person-title font-adjust">社会车辆</span>
                            <span class="investi-person-num font-adjust-num">230条</span>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 案事件信息 -->
            <div class="x-list-block">
                <div class="cut-part">
                    <span class="txt">案事件信息</span>
                    <span class="line"></span>
                </div>
                <div class="x-list-box">
                    <ul class="car-info-list x-list-float-l">
                        <li class="caseinfo-first-img" style="background: #c88dc5;">
                            <img src="../images/data-center-index/crimi-case.png" class="img-center trim">
                            <span class="investi-person-title font-adjust type-two">刑事案件</span>
                            <span class="investi-person-num font-adjust-num type-two">230条</span>
                        </li>
                        <li class="caseinfo-second-img" style="background: #94d14e;">
                            <img src="../images/data-center-index/suicide.png" class="img-center trim">
                            <span class="investi-person-title font-adjust type-two">自杀问题</span>
                            <span class="investi-person-num font-adjust-num type-two">230条</span>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 单位信息 -->
            <div class="x-list-block">
                <div class="cut-part">
                    <span class="txt">单位信息</span>
                    <span class="line"></span>
                </div>
                <div class="x-list-box">
                    <ul class="car-info-list x-list-float-l">
                        <li class="unitinfo-first-img">
                            <img src="../images/data-center-index/barrack-security.png" class="img-center trim">
                            <span class="investi-person-title font-adjust" style="top: 110px;">营区保障单位</span>
                            <span class="investi-person-num font-adjust-num" style="top: 138px;">230条</span>
                        </li>
                        <li class="unitinfo-second-img">
                            <img src="../images/data-center-index/barrack-taxi.png" class="img-center trim">
                            <span class="investi-person-title font-adjust" style="top: 110px;">营区出租车企业</span>
                            <span class="investi-person-num font-adjust-num" style="top: 138px;">230条</span>
                        </li>
                        <li class="unitinfo-third-img">
                            <img src="../images/data-center-index/express-server.png" class="img-center trim">
                            <span class="investi-person-title font-adjust" style="top: 110px;">快递服务点</span>
                            <span class="investi-person-num font-adjust-num" style="top: 138px;">230条</span>
                        </li>
                        <li class="unitinfo-four-img">
                            <img src="../images/data-center-index/social-security.png" class="img-center trim">
                            <span class="investi-person-title font-adjust" style="top: 110px;">社会化保障单位</span>
                            <span class="investi-person-num font-adjust-num" style="top: 138px;">230条</span>
                        </li>
                        <li class="unitinfo-five-img">
                            <img src="../images/data-center-index/foreign-funded.png" class="img-center trim">
                            <span class="investi-person-title font-adjust" style="top: 110px;">周边三资企业 </span>
                            <span class="investi-person-num font-adjust-num" style="top: 138px;">230条</span>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 业务流转信息 -->
            <div class="x-list-block">
                <div class="cut-part">
                    <span class="txt">业务流转信息</span>
                    <span class="line"></span>
                </div>
                <div class="x-list-box">
                    <ul class="car-info-list x-list-float-l">
                        <li class="businessinfo-first-img">
                            <img src="../images/data-center-index/crimi-case.png" class="img-center trim">
                            <span class="investi-person-title font-adjust type-two">侦查案件</span>
                            <span class="investi-person-num font-adjust-num type-two">230条</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="../../lib/layui/layui.all.js"></script>
<script>
    (function () {
        var layer = layui.layer
    })();
</script>
</body>
</html>

